<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>鸿蒙之家</title>
    <meta name="keywords" content=" " />
    <meta name="description" content="" />
    <meta name="viewport" content="width=device-width,initial-scale=1.0, maximum-scale=1.0, minimum-scale=1, user-scalable=no" />
    <link rel="icon" sizes="any" mask href="favicon.ico">
    <link rel="stylesheet" href="swiper/swiper-bundle.min.css">
    <link rel="stylesheet" href="css/base.css">
    <script src="js/jq1.9.js"></script>
    <script src="js/iconfont.js"></script>
    <script src="js/flexible.js"></script>
    <script src="js/lazyload.js"></script>
    <script src="swiper/swiper-bundle.min.js"></script>
</head>
<body >
    <div id="warphtml">
        <header>
            <div class="header-top">
                <a href="/" class="logo"><img src="images/logo.png" alt=""></a>
                <a href="search.html" class="search">
                    <svg class="icon" aria-hidden="true"><use xlink:href="#icon-sousuo"></use></svg>
                    <div class="text">
                        <input type="text" class="input" placeholder="搜索">
                    </div>
                </a>
                <div class="icon-tab "><i></i></div>
            </div>
            <div class="header-nav navlist">
                <ul>
                    <li class="active"><a href="##">应用</a></li>
                    <li><a href="##">资源</a></li>
                    <li><a href="##">咨询</a></li>
                    <li><a href="##">课堂</a></li>
                </ul>
                <div class="bj"></div>
            </div>
        </header>
        <div class="nav-top">
            <div class="title">
                <div class="bt"><h2>游戏</h2></div>
                <div class="more">
                    <span>角色扮演</span>
                </div>
            </div>
            <div class="  navlist">
                <ul>
                    <li class="active"><a href="##">应用</a></li>
                    <li><a href="##">资源</a></li>
                    <li><a href="##">咨询</a></li>
                    <li><a href="##">课堂</a></li>
                </ul>
                <div class="bj"></div>
            </div>
        </div>
        <main>
            <style>
                .template{background: #fff; padding:0.2667rem .4267rem;}
                .template a{display: block;  height: 1.1733rem; background: #F5F7F9; margin: .2667rem 0; padding: 0 .32rem; line-height: 1.1733rem;border-radius: .2133rem;}
            </style>
            <div class="template">
                <a href="index.html">1-首页</a>
                <a href="search.html">2-搜索</a>
                <a href="searchinfor.html">2-搜索结果</a>
                <a href="list1.html">3-资讯课堂列表</a>
                <a href="infor.html">4-文章详情</a>
                <a href="infor2.html">5-课堂详情</a>
                <a href="infor3.html">5-课堂详情-视频</a>
                <a href="list2.html">7-应用频道</a>
                <a href="list3.html">8-应用栏目</a>
                <a href="infor4.html">9-应用详情</a>
                <a href="404.html">10-404</a>
               
            </div>
        </main>
        <footer>
            <p>版权所有 Copyright © 2024-2024 www.hm123.cn</p>
        </footer>
        <script src="js/base.js"></script>
    </div>
</body>
</html>